<%--
Document   : consultarInspeccion
Created on : 01/12/2010, 12:35:04 PM
Author     : glpc
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<% request.setAttribute("allowed", "Gestionar Inspecciones");%>
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestión de Inspecciones</h1>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Consultar Inspecciones</h2>
        <form id="consultarInspeccionForm" action="javascript:void(0);">
            <table>
                <tbody>
                    <tr><td>Tipo :</td>
                        <td>
                            <select id="tipoInspeccion" name="tipo_inspeccion" class="filter">
                                <option value="">-</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Fecha :</td>
                        <td><input  name="fecha_inspeccion"  id="fechaI" class="filter"/></td>
                    </tr>
                    <tr>
                        <td>Nombre Empresa :</td>
                        <td>
                            <input type="text" id="nombre_empresa" name="nombre_empresa" class="filter datosEmpresa">
                        </td>
                    </tr>
                    <tr>
                        <td>RIF Empresa :</td>
                        <td><input type="text" id="rif_empresa" name="rif_empresa" class="filter datosEmpresa" ></td>
                    </tr>
                    <tr>
                        <td>Nro. Salida de Campo :</td>
                        <td><input type="text" id="nro_salida_campo" name="nro_salida_campo" class="filter"></td>
                    </tr>
                </tbody>
            </table>
            <div style="clear: both;">&nbsp;</div>
            <html:button property="" value="Mostrar Todo" onclick="consultarInspeccionTodo()"/>
            <html:button property="" value="Consultar" styleId="consultarForm" onclick="consultarInspeccion()" styleClass="oculta"/>
            <html:reset property="" styleId="resetForm" value="Limpiar" styleClass="oculta"/>
            <html:button property="" styleClass="back" value="Atrás"/>
        </form>
        <br>
        <br><div style="clear: both;">&nbsp;</div><br>
        <div id="obs"></div><br>
        <div id="consultarInsp">
            <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable"  >
                <thead id="head">
                    <tr>
                        <th><h5><div class="ordenar" onclick="orden('tipo_inspeccion');" >Tipo </div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('fecha_inspeccion');" >Fecha </div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('motivo');" >Motivo </div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('nombre_empresa');" >Empresa </div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('nro_de_inspectores');" >Nro. Inspectores </div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('nro_salida_campo');" >Nro. Salida Campo </div></h5></th>
                        <!-- <th><h5><div class="ordenar oculta" onclick="orden('descripcion');" >Descripción </div></h5></th>
                        <th><h5><div class="ordenar oculta" onclick="orden('actividad');" >Actividades </div></h5></th>
                        <th><h5><div class="ordenar oculta" onclick="orden('recomendaciones');" >Recomendaciones </div></h5></th>
                        <!-- <th><h5><div class="ordenar" onclick="orden('fecha_ultima_modificacion');" >Última Modificación </div></h5></th> -->
                        <th><h5>Detalles</h5></th>
                        <th><h5> Modificar </h5></th>
                        <th class="detalle"><h5> Detalles </h5></th>
                    </tr>
                </thead>
                <tbody id="resultado"></tbody>
            </table>
            <%@ include file="../Templates/paginasTabla.jsp" %>
            <div id="detallesInspeccion"></div>
        </div>
        <br>
    </center>
</div>
<br>
<script type="text/javascript">
    $(function(){
        $("#consultarInsp").hide();
        listaTipoInspeccion();
        consultarInspeccion();
        $("#fechaI").datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
        $('#detallesInspeccion').dialog({
            autoOpen: false,
            title: 'Detalles de la Inspeccion',
            hide: "explode"
        });
    });

    $('.back').click(inspecciones);
    $('.filter').change(function(){
        offset = 0;
        consultarInspeccion();
    });

    $('#tipoInspeccion').change(function(){
        if($(this).val() =="Externa")
            $('.datosEmpresa').attr('disabled',false);
        else $('.datosEmpresa').attr('disabled',true);
    });
    $('.datosEmpresa').change(function(){
        if($(this).val()) $('#tipoInspeccion').val("Externa");
    });
    
    function consultarInspeccion(){
        limit = $('#limit').val();
        $.ajax({
            type: 'POST',
            url:"consultarInspeccion.do?limit="+limit+"&offset="+offset+"&order="+order+"&asc="+asc,
            data: $('#consultarInspeccionForm').serialize(),
            dataType: 'json',
            success: proceessConsultarInspeccion
        });
    }

    function proceessConsultarInspeccion(data) {
        $('#resultado').html("");
        $.each(data.inspecciones, function(i,item){
            if ( (i % 2) == 0) fila = $("<tr bgcolor='#fff' id='inspeccion_"+item.numero_inspeccion+"' class='inspeccionRow'>");
            else fila = $("<tr bgcolor='#ecf2f6' id='inspeccion_"+item.numero_inspeccion+"' class='inspeccionRow'>");
            fila.append($("<td>").append(item.tipo_inspeccion));
            fila.append($("<td>").append(item.fecha_inspeccion));
            fila.append($("<td>").append(item.motivo));
            empresa = item.tipo_inspeccion == "Externa" ? item.nombre_empresa+"<br>("+item.rif_empresa+")" : "-"
            fila.append($("<td>").append(empresa));
            fila.append($("<td>").append(item.nro_de_inspectores));
            fila.append($("<td>").append(item.nro_salida_campo));
            
            det = "<img src='style/images/detalles.png' alt='Ver Detalles' width='20' height='20' class='showDetails'>";
            fila.append($("<td>").append(det));

            mod = "<img onclick='return inspeccionM("+item.numero_inspeccion+");' src='style/images/table_edit1.png' alt='Modificar AST' width='20' height='20'>";
            fila.append($("<td>").append(mod));

            detalle = "<p><b>Descripcion: </b>"+item.descripcion+"</p>";
            detalle += "<p><b>Actividades: </b>"+item.actividad+"</p>";
            detalle += "<p><b>Recomendaciones: </b>"+item.recomendaciones+"</p>";
            fila.append($("<td id='detalleInspeccion_"+item.numero_inspeccion+"' class='detalle'>").append(detalle));

            //fila.append($("<td class='ocultadetalleI"+item.numero_inspeccion+"'>").append(item.fecha_ultima_modificacion));
            $('#resultado').append(fila);
        });
        $('.detalle').hide();
        
        $('.showDetails').click(function(){
            nro = $(this).parent().parent().attr('id').replace('inspeccion_','');
            detalle = $('#detalleInspeccion_'+nro).html();
            $('#detallesInspeccion').html(detalle);
            $('#detallesInspeccion').dialog("open");
        });
        tam = data.tam
        if(tam==0){
            $("#obs").html('<h4>No hay resultados que coincidan con los parametros dados.</h4>');
            $("#consultarInsp").hide();
        } else {
            $("#obs").html('OBSERVACIÓN: Para ordenar la tabla por un campo específico, presionar el nombre de la columna.');
            $("#currentpage").html((offset/limit)+1);
            $("#pagelimit").html(Math.ceil(tam/limit));
            $("#consultarInsp").show();
        }
    }

    function consultarInspeccionTodo(){
        $('#resetForm').click();
        consultarInspeccion();
    }
</script>
